@charset "UTF-8";
@import url(font-awesome.min.css);
@import url("//fonts.googleapis.com/css?family=Roboto:500,300");


:root {
  --font-big:#222A35;
  --title-color: #f47920;

}

body::-webkit-scrollbar {
	display: none; 
}

.bxs-chevrons-right {
    vertical-align: text-top;
	font-size:20px;
	margin-left:10px;
}


.one .swiper-button-next {
right: 14%;
}

.one .swiper-button-prev {
left: 14%;
}


.noto-sans-kr-font01 {
  font-family: "Noto Sans KR", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.swiper-button-prev,
.swiper-button-next {
  background-color: #fff;
  opacity: 0.5;
  padding: 30px 15px;
  color: black !important;
    top: var(--swiper-navigation-top-offset, 38%) !important;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
}

.main-link-button {
	border:none;
	background-color: #ED7700;
	padding:20px;
	color:#fff;
	width:200px;
	margin-bottom:10px;
}



/*
	Ion by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/* Basic */


/*수정작업*/

/* styles.css */

.qa_wrap {
	margin: 7% auto;
	width: 1200px;
}

.qa_title > h2 {
	text-align: center;
	margin: 20px auto;
	font-weight: bold;
}

.qa_line {
	width: 30%;
	margin: 0 auto;
}

.qa_free_wrap {
	margin: 7% auto;
}

.tab3_flex {
	display: flex;
    justify-content: center;
    align-items: center;
}

.tab3_flex > div {
	margin:0 10px;
}

.hr_line {
	border: 2px solid #f47920;
	width: 70%; 
	margin: 0 auto;
}

.qa_btn {
    margin-bottom: 30px;
    border-bottom: 1px solid #d7d7d7;
}

.qa_btn > ul {
	display: flex;
	justify-content: end;
	margin-bottom: -1px;
}

.qa_btn > ul > li {
	border: 1px solid #ccc;
	width: 150px;
	text-align: center;
	padding: 10px;
	background-color: #fff;
	border-bottom: 0px;
}

.qa_btn > ul > li > a {
	color: var(--title-color);
	font-weight: 500;
}

.line_img {
	width: 15px;
}

.search_box {
	width: 100%;
	margin-top: 5%;
}

.search_box > .search01 {
	width: 80%;
	margin-right:20px;
	position: relative;
}

.search-text {
	background-color: #fff !important;
}

.search-btn {
	width: 32px;
    height: 100%;
	margin: 0px;
}

.search-icon {
    font-size: 25px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
	cursor: pointer;
}

.search_box > .search02 {
	width: 20%;	
}

.search_box > .search02 > select {
	background-color: #fff !important;
}

.none1 {
	border-left:0px !important;
}

.none2 {
	border-right:0px !important;
}

.search_box {
	display: flex;
}

.on {
	border-left: 1px solid var(--title-color) !important;
	border-top: 1px solid var(--title-color) !important;
	border-right: 1px solid var(--title-color) !important;
}

.answer {
    display: none; /* 기본적으로 숨김 */
}

.qa_list_wrap {
	margin-top: 20px;
}

.qa_list {
	border-top: 2px solid var(--title-color);
}

.listdiv {
	background-color: #f2f2f2;
	font-weight: bold;
	color: #555;
	padding: 10px;
}

.answer {
	padding: 20px;
	font-size: 15px;
	height: 150px;
	color: #555;
}

.list-icon {
	float: right;
}

.list-icon > img {
	cursor: pointer;
}

.bx-minus {
	color: var(--title-color);
	font-size: 25px;
}

.event_table_01 > tbody > tr > td:first-child {
	border-right:1px solid #fff;
	font-weight: 500;
	padding: 3px 0;
}

.sub05_img {
	width:60%
}


.tab02 > .event_title {
	/* margin-bottom: 50px; */
}

.event_table_wrap {
	padding-top: 3%;
	padding-bottom: 3%;
}

.event_sub_text_02 {
	margin: 5% auto !important;
}
.title01 {
	width: 65%;
}

 .title02 {
	width: 65%;
	font-weight: 500;
}

.title03 , .title04 , .title05, .title06, .title07, .title08, .title09 {
	width: 70%;
	font-weight: 500;
}

.title09 {
	padding-top: 5%;
}

.title03 > p {
	text-align: left;
}

.event_table_02 > tbody > tr > td:first-child  {
	font-weight: 500;
	border-right: 1px solid #fff;
} 

.event_table_02 > tbody > tr > td {
	font-size: 14px;
}


.event_table_03 {
	/* margin: 0 !important; */
}

.event_table_03 > tbody > tr > td:first-child {
	border-right: 1px solid #fff;
	font-weight: 500;
} 

.event_table_03 {
	/* width: 45% !important; */
	margin: 0 auto;
}

.event_table_03 > p {
	text-align: left;
}

.event_table_wrap_03 {
	margin: 0 auto;
	
}

.event_table_04 > tbody > tr > th {
	vertical-align: middle;
	background-color: var(--title-color);
	padding: 5px 0;
}

.event_table_wrap_05 {
	margin: 5% auto 20px auto !important;
}

.event_table_05 > tbody > tr > td:first-child {
	border-right: 1px solid #fff;
	font-weight: 500;
}

.event_table_06 > tbody > tr > td:first-child {
	border-right: 1px solid #fff;
	font-weight: 500;
}

.event_table_07 > tbody > tr> td:first-child {
	border-right: 1px solid #fff;
	font-weight: 500;
}

.event_table_08 > tbody > tr> td:first-child {
	border-right: 1px solid #fff;
	font-weight: 500;
}

.tab6-table > tbody > tr> td:not(.not) {
	border-right: 1px solid #fff;
}

.tr_6 > td{
	background-color: rgba(145, 143, 143, 0.438);
	color: #ffffff;
	font-weight: bold;
}

.event_title:not(.title_non) {

}

.event_tab .event_ul_li::after {
	content: ""; 
	display: block; 
	width: 1px; 
	height: 50%;
	background-color: #ccc;
	position: absolute; 
	top: 50%;
	transform: translateY(-50%);
	right: 0px; 
  }
  
  .event_tab .event_ul_li{
	position: relative; 
  }
  
  .event_tab .event_ul_li:last-child::after {
	display: none; 
  }

.img_tab4 {
	width: 30%;
	display: block;
	margin: 20px auto;
}

.img_tab5 {
	width: 55%;
	vertical-align: middle;
}

.event_sub_text_04 {
	font-size: 14px;
	padding-top: 3%;
}


.tr_04 > th,td {
	vertical-align: middle;

	padding: 5px;
}

.tr_04 > th:not(.not) {
	border-right: 1px solid #fff;
}

.tr_04 > td:not(.not) {
	border-right: 1px solid #fff;
}



.event_title {
	/* background-color: #fff; */
	color: var(--title-color);
	width: 100%;
	text-align: center;
	margin: 15px auto;
	font-weight: bold;
	padding: 10px 0;
	font-size: 1.9rem;
}

.event_sub_text {
	color: #fff;
	width: 70%;
	margin: 30px auto;
}

.event_img_01 {
	width: 100px;
	vertical-align: middle;
	padding: 5px 0;
}

.bxs-right-arrow {
	color: #e84479;
}

.pink_ {
	color: var(--title-color) !important;
}

.tab6-table {
	color: #fff;
	width: 75%;
	margin: 0 auto;
}


/* .table_thead > tr > th {
	text-align: center;
	font-size: 16px;
} */

.event_table_tbody > tr > td{
	vertical-align: middle;
}

.event_sub_title {
	text-align: left;
	margin: 0 auto;
}

.event_sub_title > p {
	color: #fff;
	font-size: 1.1rem;
	padding-bottom: 10px;
	font-weight: 500;
}

/* .event_table_02 {
	width: 55% !important;
} */

.event_table_02 > tbody > tr:first-child td {
	background-color: #e84479;
	color: #fff;
	font-weight: bold;
}

.tab6-table > thead > tr > th{
	background-color: var(--title-color);
	padding: 5px;
}


.event_tab > .event_ul {
	display: flex;
	margin: 5% auto 5% auto;
	justify-content: center;
	background-color: rgba(145, 143, 143, 0.438);
}

.game_main_img {
	margin-top: 10%;
}

.tab-container {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.tab-buttons {
    display: flex;
    border-bottom: 2px solid #ccc;
}

.tab-btn {
    flex: 1;
	border: none;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    transition: background 0.3s;
    color: #fff;
    height: 100%;
    padding: 10px 30px;
	background: none;
}


.tab-btn:hover {
    /* background: #ddd; */
}

.tab-btn.active {
    /* background: #fff; */
    background-color: var(--title-color);
    font-weight: bold;
	color: #fff;
}

.tab-content {
    margin-top: 20px;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}

.event_table_wrap > tr > th,td {
	/* border: 1px solid #ccc; */
}

.event_table_02  {
	width: 65% !important;
}


.event_table_wrap > .event_table_game{
	width:65%;
	margin: 0 auto;
	color: #fff;
}

.event_table_wrap > .event_table{
	width:70%;
	margin: 0 auto;
	color: #fff;
}

.event_top_banner > .golf_logo_img{
	padding: 30px 0;
}


.game_rule_div {
	width:85%;
/*	width: 75%;*/
	margin: 5% auto;
}

.game_rule_div > .rule_title {
    background-color: #e84479;
    color: #fff;
    width: 35%;
    margin: 0 auto;
    font-weight: 600;
    font-size: 20px;
    padding: 10px;
}

.rule_content {
	color: #fff;
	margin: 10px 0;
/*	font-size:11px;*/
}

.game_rule_tr > td:first-child {
	vertical-align: middle;
}

.sub_notice {
	height:100vh;
}

.footer_sponsor_img {
    float: right;
    margin-right: 5%;
}

.sponsor_img > img {
	width:150px !important;
}

.faq_wrap {
	justify-content: space-around; 
	display: flex;
	padding:5% 0;
	width: 1400px;
    margin: 0 auto;
}

.faq_wrap > .notice_section {
	width: 45%;
}

.faq_wrap > .notice_section:first-child {
	margin-right: 50px;
}

.notice_date {
	float: right;
}

.notice_section > h3 {
	font-weight:bold;
	color:var(--title-color);
}

.nav-list {
}

.content {
/*	background-color:#000;*/
}

.pre_btn {
	padding: 2% 0;
	background-color:#f2f2f2;
	color:var(--font-big);
	font-weight:bold;
}


.pre_btn > div > div > p {
	text-align:center;

}

.pre_btn > div > div > p:first-child {
	font-weight:bold;
	font-size:25px;
margin:20px 0;
}


.pre_btn > div > div > p:first-child::before {

}

.pre_btn > div > div > p:last-child {
	line-height:2.5;
	font-size:17px;
} 

.arrow_icon {
	float:right;

}

.big-title-01 {
	position: relative;
}

.big-title-02 {
	padding:5% 0 important;
}

/*.big-title-01::before {*/
/*    content: "";*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    background-color: #ff9203;*/
/*    position: absolute;*/
/*    top: 59%;*/
/*    left: 45.5%;*/
/*    border-radius: 50%;*/
/*	z-index:-1;*/
/*}*/
/**/
/*.big-title-01::after {*/
/*    content: "";*/
/*    width: 25px;*/
/*    height: 25px;*/
/*    background-color: #329e00;*/
/*    position: absolute;*/
/*    bottom: -6px;*/
/*    right: 45.5%;*/
/*    border-radius: 50%;*/
/*    z-index: -1;*/
/*}*/

.sub_background {
	background-color:#f2f2f2;
}

.two {
	width:1400px;
	margin:0 auto;
}

.section_wrap {
	display:flex;
    justify-content: space-evenly;
	padding-bottom:60px;
}

.section_wrap > div {
/*	background-color:#f2f2f2;*/
border-radius:20px;
}


.slide_wrap {
width:1400px;
/* height:300px; */
margin:0 auto;
}

.div_01 {
	margin-bottom:5%
}

.div_01 >.slide_wrap  > img {
	width:50%;
}

.div_02 {
	padding:15px;
	position: relative;
}

.div_02 > a > img {
	width:80%;
    filter: brightness(45%)
}

.event_text_01 {
	font-weight: bold;
    font-size: 18px;
    position: absolute;
    top: 66%;
    left: 18%;
    color: #fff;
}

.event_text_02 {
    font-weight: bold;
    font-size: 18px;
    position: absolute;
    top: 75%;
    left: 18%;
    color: #fff;
}

.div_02 > div > p {
	color:#000;
	font-size:15px;

}

.alt > li > a {
	color:#fff;
	font-weight:bold;
}

.arrow_icon > i {
	font-size:25px;
}

body {
/*	background: #fff;*/
}

.image.fit img {
	width: 100%;
	height: auto;
}

.box > img {
	width:30%;
}

.menu_div {
	text-align:left;
}

.menu_img {
	text-align:right;
}

.menu_img > img {
	width:30%
}

.wrap-header {
	padding:20px;
}

.wrap-header > a > img {
	width:200px;
    vertical-align: middle;
}

.swiper-slide {
	width:50%;
}


.footer {
	padding:0px;
	display: flex;
    justify-content: space-around;
    width: 50%;
}

.footer > li  {
	list-style:none;
	padding:0px;
}

.footer-link-01 {
}

.footer > li > a {
	
}

.footer-link-02 {
}

.double {

}

.banner_div {
	margin:12% 0 12% 0;
}

#nav > ul {
	line-height:6.5;
}

.style3 {
	margin-top:5%;
}

.style3 > .major > h2 {
	padding-bottom:3%;
}

.parallax {
	background-image: url(/_resources/images/parallax_scrolling_img2.jpg);
/*  min-height: 500px; */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.title_wrap {
	width: 900px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.menu04 {
	width: 1200px;
}

.arrow_wrap > a  {
	color:#000;
	font-size:13px;
	font-weight:500;
}

.title_wrap > h3  {
	color:#666;
	font-size:25px;
	font-weight:bold;
}

.sub01_div_img, .sub02_div_img {
	display: block;
    text-align: center;
}


.sub01_wrap, .sub02_wrap ,.sub03_wrap, .sub04_wrap  {
    margin: 7% auto 3% auto;
    text-align: center;
}


.sub01_div ,.sub02_div ,.sub03_div, .sub04_div {
    margin: 5% auto;
}

.event_wrap {
	width: 1200px;
	margin: 0 auto;
	background-color:var(--font-big);
}

/**/
/*.sub02_wrap > div > div > img {*/
/*	display: block; */
/*	position: relative;*/
/*}*/

.view_page_wrap > img {
	display: block; 
	margin:0 auto;
	position: relative;
}

.sub03_btn {
	
}


.sub02_download_btn {
	background-color: #212a35;
	width:900px;
	display:block;
	text-align:right;
	padding:0 10PX 0 0;
	margin:0 auto;
}

.sub02_download_btn > .sub02_btn {
	border:none;
	background-color: #277439;
	padding: 10px 20px;
	border-radius:10px;
}

.sub02_download_btn > .sub02_btn > a {
	color:#fff;
	font-size:1.2rem
}

.sub02_div_img > img {
	display: block;
    margin: 0 auto;
}

.sub03_btn_01  {
	position: absolute;
    top: 30%;
    left: 39%;
    transform: translate(-50%, -50%);
}

.sub03_btn_02  {
	position: absolute;
    top: 35%;
    left: 39%;
    transform: translate(-50%, -50%);
}

.sub03_btn_03  {
	position: absolute;
    top: 80%;
    left: 39%;
    transform: translate(-50%, -50%);
}

/*.sub03_btn {*/
/*	display:block;*/
/*	text-align:center;*/
/*	position: absolute;*/
/*    top: 71%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/

.sub04_btn {
	display:block;
	text-align:center;
	position: absolute;
    top: 85%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.sub03_btn_div, .sub04_btn_div  {
	border:none;
	padding:20px 40px;
	margin:20px 0;
	background-color:#ED7700;
	width:400px;
	border-radius:20px;
}	

.sub03_btn_div  > a {
	color:#fff;
	font-size:20px;
}

.sub04_btn_div  > a {
	color:#fff;
	font-size:20px;
}

body,
input,
select,
textarea {
	/* color: #555f66; */
	font-family: "Noto Sans KR", sans-serif;
	font-size: 14pt;
	font-weight: 300;
	line-height: 1.75em;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

strong,
b {
	color: #666f77;
	font-weight: 500;
}

em,
i {
	font-style: italic;
}

p {
/*	margin: 0 0 2em 0;*/
}

h1,

h3,
h4,
h5,
h6 {
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	letter-spacing: 0.125em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
	text-decoration: none;
}

h2 {
	font-size: 1.5em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.25em;
	line-height: 1.5em;
}

h4 {
	font-size: 1em;
	line-height: 1.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}

h6 {
	font-size: 0.7em;
	line-height: 1.5em;
}

sub {
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
}

sup {
	font-size: 0.8em;
	position: relative;
	top: -0.5em;
}

hr {
	border: 0;
	border-bottom: solid 1px rgba(144, 144, 144, 0.25);
	margin: 3em 0;
}

hr.major {
	margin: 2em 0 5em 0;
}

blockquote {
	border-left: solid 4px rgba(144, 144, 144, 0.25);
	font-style: italic;
	margin: 0 0 2em 0;
	padding: 0.5em 0 0.5em 2em;
}

code {
	background: rgba(144, 144, 144, 0.075);
	border-radius: 6px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em;
}

pre {
	-webkit-overflow-scrolling: touch;
	font-family: "Courier New", monospace;
	font-size: 0.9em;
	margin: 0 0 2em 0;
	overflow-x: auto;
}

pre code {
	display: block;
	line-height: 1.75em;
	padding: 1em 1.5em;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

/* Section/Article */

section.special,
article.special {
	text-align: center;
}

.special  > a {
	color:#000;
}

header p {
/*	color: #bbb;*/
	position: relative;
/*	margin: 0 0 1.5em 0;*/
}

header h2+p {
	font-size: 1.25em;
	margin-top: -1em;
	line-height: 1.5em;
}

header h3+p {
	font-size: 1.1em;
	margin-top: -0.85em;
	line-height: 1.5em;
}

header h4+p,
header h5+p,
header h6+p {
	font-size: 0.9em;
	margin-top: -0.75em;
	line-height: 1.5em;
}

header.major {
	text-align: center;
/*	margin: 6em 0 6em 0;*/

}

.one_wrap {
        background-color: #002722;
}

.one_wrap > h2 {
	color:#fff;
    padding: 5% 0;
}

header.major h2 {
	font-size: 2em;
	font-weight:bold;
/*	padding:2em 0 0 0;*/
/*color:#f47920;*/
}

header.major h2+p {
	font-size: 1.5em;
	margin: -1em 0 2em 0;
}

/* Form */

form {
	margin: 0 0 2em 0;
}

label {
	color: #666f77;
	display: block;
	font-size: 0.9em;
	font-weight: 500;
	margin: 0 0 1em 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
	background: rgba(144, 144, 144, 0.075);
	border-radius: 6px;
	border: none;
	border: solid 1px rgba(144, 144, 144, 0.25);
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 100%;
}

input[type="text"]:invalid,
input[type="password"]:invalid,
input[type="email"]:invalid,
select:invalid,
textarea:invalid {
	box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	border-color: #f47920;
	box-shadow: 0 0 0 1px #f47920;
}

.select-wrapper {
	text-decoration: none;
	display: block;
	position: relative;
}

.select-wrapper:before {
	content: "";
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.select-wrapper:before {
	color: rgba(144, 144, 144, 0.25);
	display: block;
	height: 2.75em;
	line-height: 2.75em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 2.75em;
}

.select-wrapper select::-ms-expand {
	display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
select {
	height: 2.75em;
}

textarea {
	padding: 0.75em 1em;
}

input[type="checkbox"],
input[type="radio"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	display: block;
	float: left;
	margin-right: -2em;
	opacity: 0;
	width: 1em;
	z-index: -1;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
	text-decoration: none;
	color: #555f66;
	cursor: pointer;
	display: inline-block;
	font-size: 1em;
	font-weight: 300;
	padding-left: 2.4em;
	padding-right: 0.75em;
	position: relative;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	background: rgba(144, 144, 144, 0.075);
	border-radius: 6px;
	border: solid 1px rgba(144, 144, 144, 0.25);
	content: '';
	display: inline-block;
	height: 1.65em;
	left: 0;
	line-height: 1.58125em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.65em;
}

input[type="checkbox"]:checked+label:before,
input[type="radio"]:checked+label:before {
	background: #192024;
	border-color: #192024;
	color: #ffffff;
	content: '\f00c';
}

input[type="checkbox"]:focus+label:before,
input[type="radio"]:focus+label:before {
	border-color: #629DD1;
	box-shadow: 0 0 0 1px #629DD1;
}

input[type="checkbox"]+label:before {
	border-radius: 6px;
}

input[type="radio"]+label:before {
	border-radius: 100%;
}

::-webkit-input-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

:-moz-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

::-moz-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

:-ms-input-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

.formerize-placeholder {
	color: #bbb !important;
	opacity: 1.0;
}

/* Box */

.box {
    box-shadow: 0 0 40px rgba(149, 165, 206, 0.2);
	margin-bottom: 2em;
	padding: 2em;
}

.box> :last-child,
.box> :last-child> :last-child,
.box> :last-child> :last-child> :last-child {
	margin-bottom: 0;
}

.box.alt {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Icon */

.icon {
	text-decoration: none;
	border-bottom: none;
	position: relative;
}

.icon:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-transform: none !important;
}

.icon>.label {
	display: none;
}

.icon.major {
	display: inline-block;
	margin: 0 0 1.25em 0;
	color: #ffffff;
	background: #629DD1;
	width: 3em;
	height: 3em;
	font-size: 2em;
	text-align: center;
	line-height: 3em;
	border-radius: 100%;
	box-shadow: 0 0 0 10px #fff, 0 0 0 11px rgba(144, 144, 144, 0.25);
}

/* Image */

.image {
	border-radius: 6px;
	border: 0;
	display: inline-block;
	position: relative;
}

.image img {
	border-radius: 6px;
	display: block;
}

.image.left {
	float: left;
	padding: 0 1.5em 1em 0;
	top: 0.25em;
}

.image.right {
	float: right;
	padding: 0 0 1em 1.5em;
	top: 0.25em;
}

.image.fit {
	display: block;
	margin: 0 0 2em 0;
	width: 100%;
}

.image.fit img {
	display: block;
	width: 100%;
}

/* List */

ol {
	list-style: decimal;
	margin: 0 0 2em 0;
	padding-left: 1.25em;
}

ol li {
	padding-left: 0.25em;
}

ul {
	/* list-style: none;
	margin: 0 0 2em 0;
	padding-left: 1em; */
}

ul li {
	/* padding-left: 0.5em; */
}

ul.alt {
	list-style: none;
	padding-left: 0;
}

ul.alt li {
	border-top: solid 1px rgba(144, 144, 144, 0.25);
	padding: 0.5em 0;
}

ul.alt li:first-child {
	border-top: 0;
	padding-top: 0;
}

ul.icons {
	cursor: default;
	list-style: none;
	padding-left: 20px;
}

ul.icons li {
	display: inline-block;
	padding: 0 1.25em 0 0;
}

ul.icons li:last-child {
	padding-right: 0;
}

ul.icons li .icon:before {
	font-size: 1.5em;
}

ul.actions {
	cursor: default;
	list-style: none;
	padding-left: 0;
}

ul.actions li {
	display: inline-block;
	padding: 0 1em 0 0;
	vertical-align: middle;
}

ul.actions li:last-child {
	padding-right: 0;
}

ul.actions.small li {
	padding: 0 0.5em 0 0;
}

ul.actions.vertical li {
	display: block;
	padding: 1em 0 0 0;
}

ul.actions.vertical li:first-child {
	padding-top: 0;
}

ul.actions.vertical li>* {
	margin-bottom: 0;
}

ul.actions.vertical.small li {
	padding: 0.5em 0 0 0;
}

ul.actions.vertical.small li:first-child {
	padding-top: 0;
}

ul.actions.fit {
	display: table;
	margin-left: -1em;
	padding: 0;
	table-layout: fixed;
	width: calc(100% + 1em);
}

ul.actions.fit li {
	display: table-cell;
	padding: 0 0 0 1em;
}

ul.actions.fit li>* {
	margin-bottom: 0;
}

ul.actions.fit.small {
	margin-left: -0.5em;
	width: calc(100% + 0.5em);
}

ul.actions.fit.small li {
	padding: 0 0 0 0.5em;
}

dl {
	margin: 0 0 2em 0;
}

/* Table */

.table-wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
}

table {
	/* margin: 0 0 2em 0;
	width: 100%; */
}

table tbody tr {
	border: solid 1px #fff;
	border-left: 0;
	border-right: 0;
}

table tbody tr:nth-child(2n + 1) {
	/* background-color: rgba(144, 144, 144, 0.075); */
}

table td {
	/* padding: 0.75em 0.75em; */
	font-size: 15px;
	text-align: center;
}

table th {
	color: #fff;
	font-size: 0.9em;
	font-weight: 500;
	text-align: center;
}

table thead {
	border-bottom: solid 2px rgba(144, 144, 144, 0.25);
}

table tfoot {
	border-top: solid 2px rgba(144, 144, 144, 0.25);
}

table.alt {
	border-collapse: separate;
}

table.alt tbody tr td {
	border: solid 1px rgba(144, 144, 144, 0.25);
	border-left-width: 0;
	border-top-width: 0;
}

table.alt tbody tr td:first-child {
	border-left-width: 1px;
}

table.alt tbody tr:first-child td {
	border-top-width: 1px;
}

table.alt thead {
	border-bottom: 0;
}

table.alt tfoot {
	border-top: 0;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color: #192024;
	border-radius: 6px;
	border: 0;
	color: #ffffff !important;
	cursor: pointer;
	display: inline-block;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	font-size: 0.9em;
	height: 2.85em;
	line-height: 2.85em;
	padding: 0 1.75em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	text-indent: 0.25em;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:hover {
	background-color: #232d33;
}

input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active,
.button:active {
	background-color: #0f1315;
}

input[type="submit"].icon,
input[type="reset"].icon,
input[type="button"].icon,
.button.icon {
	padding-left: 1.35em;
}

input[type="submit"].icon:before,
input[type="reset"].icon:before,
input[type="button"].icon:before,
.button.icon:before {
	margin-right: 0.5em;
}

input[type="submit"].fit,
input[type="reset"].fit,
input[type="button"].fit,
.button.fit {
	display: block;
	margin: 0 0 1em 0;
	width: 100%;
}

input[type="submit"].small,
input[type="reset"].small,
input[type="button"].small,
.button.small {
	font-size: 0.7em;
}

input[type="submit"].big,
input[type="reset"].big,
input[type="button"].big,
.button.big {
	font-size: 1.2em;
	height: 2.65em;
	line-height: 2.65em;
}

input[type="submit"].alt,
input[type="reset"].alt,
input[type="button"].alt,
.button.alt {
	background-color: transparent;
	box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.25);
	color: #666f77 !important;
}

input[type="submit"].alt:hover,
input[type="reset"].alt:hover,
input[type="button"].alt:hover,
.button.alt:hover {
	background-color: rgba(144, 144, 144, 0.075);
}

input[type="submit"].alt:active,
input[type="reset"].alt:active,
input[type="button"].alt:active,
.button.alt:active {
	background-color: rgba(144, 144, 144, 0.2);
}

input[type="submit"].alt.icon:before,
input[type="reset"].alt.icon:before,
input[type="button"].alt.icon:before,
.button.alt.icon:before {
	color: #bbb;
}

input[type="submit"].special,
input[type="reset"].special,
input[type="button"].special,
.button.special {
	background-color: #629DD1;
	color: #ffffff !important;

}

input[type="submit"].special:hover,
input[type="reset"].special:hover,
input[type="button"].special:hover,
.button.special:hover {
	background-color: #76a9d7;
}

input[type="submit"].special:active,
input[type="reset"].special:active,
input[type="button"].special:active,
.button.special:active {
	background-color: #4e91cb;
}

input[type="submit"].disabled,
input[type="submit"]:disabled,
input[type="reset"].disabled,
input[type="reset"]:disabled,
input[type="button"].disabled,
input[type="button"]:disabled,
.button.disabled,
.button:disabled {
	background-color: #555f66 !important;
	box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
	color: #fff !important;
	cursor: default;
	opacity: 0.25;
}

/* Wrapper */

.wrapper {
/*	padding: 10em 0 10em 0;*/
}

.wrapper.style1 {
/*	background: #be9969;*/
	color: #555f66;
}

.wrapper.style2 {
	background: #192024;
	color: #c5c7c8;
}

.wrapper.style2 h2,
.wrapper.style2 h3,
.wrapper.style2 h4,
.wrapper.style2 h5,
.wrapper.style2 h6 {
	color: #ffffff;
}

.wrapper.style2 header p {
	color: #a3a5a7;
}

.wrapper.style2 .button.alt {
	box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
	color: #ffffff !important;
}

.wrapper.style2 .button.alt:hover {
	background-color: rgba(144, 144, 144, 0.275);
}

.wrapper.style2 .button.alt:active {
	background-color: rgba(144, 144, 144, 0.4);
}

.wrapper.style2 .button.alt.icon:before {
	color: #a3a5a7;
}

/* Header */

#skel-layers-wrapper {
/*	padding-top: 3em;*/
}

#header {
	background: rgba(35, 25, 22, 0.438);
	color: #555f66;
	cursor: default;
/*	height: 7em;*/
	left: 0;
	line-height: 3em;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.25);
}

#header h1 {
	color: #666f77;
	font-weight: 500;
	height: inherit;
	left: 1.25em;
	line-height: 3.5;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
}

#header h1 a {
	font-size: 1.25em;
}

#header nav {
	height: inherit;
	line-height: inherit;
	position: absolute;
	right: 1.25em;
	top: 0;
	vertical-align: middle;
}

#header nav>ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#header nav>ul>li {
	border-radius: 6px;
	display: inline-block;
	margin-left: 2em;
	padding-left: 0;
}

#header nav>ul>li a {
	-moz-transition: color 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	color: #fff;
	display: inline-block;
	text-decoration: none;
}

#header nav>ul>li a:hover {
	color: #629DD1;
}

#header nav>ul>li:first-child {
	margin-left: 0;
}

#header nav>ul>li .button {
	height: 2.25em;
	line-height: 2.25em;
	margin-bottom: 0;
	padding: 0 1em;
	position: relative;
	top: -0.075em;
	vertical-align: middle;
}

#header .container {
	position: relative;
}

#header .container h1 {
	left: 0;
}

#header .container nav {
	right: 0;
}

/* Banner */

#banner {
	background-color: #666666;
	background-image: url("../images/bak01.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #d8d8d8;
/*	padding: 14em 0;*/
	text-align: center;
	position: relative;
	height:100vh;
}

#banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
/*	height: 100%;*/
	background: rgba(64, 72, 80, 0.25);
}

#banner .inner {
/*	position: relative;*/
/*	z-index: 1;*/
position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);



}

#banner .inner :last-child {
	margin-bottom: 0;
}

#banner h2,
#banner h3,
#banner h4,
#banner h5,
#banner h6 {
	color: #ffffff;
}

#banner .button.alt {
	box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
	color: #ffffff !important;
}

#banner .button.alt:hover {
	background-color: rgba(144, 144, 144, 0.275);
}

#banner .button.alt:active {
	background-color: rgba(144, 144, 144, 0.4);
}

#banner .button.alt.icon:before {
	color: #c1c1c1;
}

#banner .button {
	min-width: 12em;
}

#banner h2 {
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
font-weight:bold;
}

#banner p {
	font-size: 1.5em;
	margin-bottom: 2em;
}

#banner p a {
	color: #ffffff;
	text-decoration: none;
}

/* Footer */

#footer {
	background: #002722;
	padding: 4em 0 6em 0;
}

#footer a {
	color: inherit;
}

.copyright {
	color: #bbb;
	font-size: 0.9em;
	padding: 0;
	text-align: center;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

.copyright {
	display: inline-block;
	list-style: none;
	margin-left: 1.5em;
	padding-left: 1.5em;
}

.copyright {
	border-left: 0;
	margin-left: 0;
	padding-left: 0;
}

#footer .icons a {
	color: #bbb;
}